<template>
  <view class="none">
    <image :key="2" :src="`/static/img/not.png`" class="img" mode="aspectFill"></image>
    <text class="txt-big" :style="{ color: color, 'font-size': size + 'rpx' }">{{emptyTxt}}</text>
  </view>
</template>

<script>
export default {
  props: {
      //提示信息
			emptyTxt: { 
				type: String,
				default: ''
			},
      //字体颜色
      color: {
				type: String,
				default: '#333'
			},
      //字体大小
      size: {
				type: Number,
				default: 40
			},
  },
  data() {
    return {
    };
  },
  onLoad() {
  },
  methods: {
   
  },
};
</script>

<style lang="scss">
.none {
  padding-top: 70rpx;
  color: #999;
  font-size: 36rpx;
  text-align: center;
  .icon {
    display: block;
    color: #999 !important;
  }
  .txt-big {
    display: block;
    margin-top: 20rpx;
    font-size: 50rpx;
    color: #333;
  }
  .img {
    display: inline-block;
    width: 300rpx;
    height: 300rpx;
    object-fit: cover;
  }
}
</style>
